.login-wrapper {
    min-height: 100%;
    background: #fff;
}
.login-wrapper input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #B2B2B2;
}
.login-wrapper input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #B2B2B2;
}
.login-wrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #B2B2B2;
}
.login-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B2B2B2;
}
.login-wrapper .btn-wrapper {
    padding-top: 0.1rem;
    text-align: right;
}
.login-wrapper .btn {
    color: #005744;
}
.login-wrapper .tit {
    padding-top: 0.3rem;
    font-size: 0.22rem;
}
.login-wrapper .list li {
    padding-top: 0.3rem;
    padding-bottom: 0.14rem;
    border-bottom: 1px solid #DDDFEA;
}
.login-wrapper .list li .phone-pre {
    padding-right: 0.1rem;
}
.login-wrapper .input {
    font-size: 0.16rem;
    color: #B2B2B2;
    flex-grow: 1;
}
.login-wrapper .other-btns {
    padding-top: 0.15rem;
    font-size: 0.14rem;
}
.login-wrapper .code-login-btn {
    color: #005744;
}
.login-wrapper .pub-submit-btn {
    margin-top: 0.25rem;
    font-size: 0.16rem;
}
.login-wrapper .agreement {
    margin-top: 0.13rem;
    font-size: 0.12rem;
}
.login-wrapper .agreement > a {
    padding-left: 0.02rem;
    padding-right: 0.02rem;
    color: #005744;
}
.login-wrapper .three-login {
    position: absolute;
    bottom: 0.6rem;
    left: 0;
    right: 0;
}
.login-wrapper .three-login .tit {
    display: flex;
    align-items: center;
}
.login-wrapper .three-login .tit::before, 
.login-wrapper .three-login .tit::after {
    content: '';
    display: inline-block;
    height: 0.01rem;
    background-color: #DDDFEA;
    flex-grow: 1;
}
.login-wrapper .three-login .tit > span {
    display: inline-block;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 0.12rem;
    color: #999999;
}
.login-wrapper .three-login::after {
    content: '';
    display: block;
    height: 0.45rem;
    margin-top: 0.18rem;
    background: url(../image/three-login-btn.png) center / contain no-repeat;
}
.login-wrapper .get-code-btn {
    color: #005744;
}
.login-wrapper .pass-conf-btn {
    margin-top: 0.42rem;
}
.login-wrapper .txt1 {
    padding-top: 0.3rem;
    font-size: 0.14rem;
    color: #666666;
}
.login-wrapper .phone{
    padding-top: 0.1rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #005744;
}
.login-wrapper .txt2 {
    padding-top: 0.1rem;
    font-size: 0.14rem;
    color: #B2B2B2;
}
.login-wrapper .verify-img {
    width: 0.88rem;
    height: 0.36rem;
    object-fit: contain;
}
.login-wrapper .other-btns.no-code {
    text-align: right;
    color: #005744;
}
.register-wrapper .agreement {
    margin-top: 0.3rem;
    padding-left: 0.15rem;
    background: url(../image/i-agree-active.png) left center / 0.12rem 0.12rem no-repeat;
}
.register-wrapper .pub-submit-btn {
    margin-top: 0.14rem;
}
.register-wrapper .wechat-btn {
    margin-top: 0.2rem;
    background: #009933FF;
}
.register-wrapper .tip {
    padding-top: 0.14rem;
    padding-bottom: 0.3rem;
    font-size: 0.12rem;
    color: #576B95;
    text-align: center;
}
.codeCanvas {
    display: none;
}